var viewportwidth;
var viewportheight;



// the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight

if (typeof window.innerWidth != 'undefined') {
    viewportwidth = window.innerWidth,
     viewportheight = window.innerHeight;


}

// IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0) {
        viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight;

    
}

// older versions of IE

else {
        viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight;

};



function onSourceDownloadProgressChanged(sender, eventArgs) {


    //sender.findName("preloader").Width = viewportwidth;
    //sender.findName("preloader").Height = viewportheight;

    sender.findName("preloader")["Canvas.Left"] = viewportwidth / 2 - 50;
    sender.findName("preloader")["Canvas.Top"] = viewportheight / 2 - 50;

    var angle = Math.round(eventArgs.progress * 100) * (360 / 100);

    sender.findName("txtPerc").Text = Math.round(eventArgs.progress * 100) + "%";


    if (angle < 180) {
       sender.findName("path1rotate").Angle = angle;
        sender.findName("path2rotate").Angle = 180;
       sender.findName("Path2").Opacity = 0;
    }
    else if (angle >= 180) {
        sender.findName("Path2").Opacity = 1;
        sender.findName("path1rotate").Angle = 180;
        sender.findName("path2rotate").Angle = angle;
    } if (angle >= 360) {
        sender.findName("path1rotate").Angle = 180;
        sender.findName("path2rotate").Angle = 360;
    }




      /*
    var theta = (2 * Math.PI) / 360 * perc; 
    var endX = Math.cos(theta) * 50;
    var endY = Math.sin(theta) * 50;

    sender.findName("arcSegment").IsLargeArc = perc > 180;
    sender.findName("arcSegment").point.X = endX;
    sender.findName("arcSegment").point.Y = endY;
    //sender.findName("destLineSeg").point.X = endX;
    //sender.findName("destLineSeg").point.Y = endY;



    // sender.findName("arcSegment").point = new Point(endX, endY);
    
    //sender.findName("destLineSeg").point = new Point(endX, endY);

    */
    
}