if (!window.SilverlightSite1)
	SilverlightSite1 = {};

SilverlightSite1.Page = function() 
{
}

SilverlightSite1.Page.prototype =
{
	handleLoad: function(control, userContext, rootElement) 
	{
		this.control = control;
		
		// Sample event hookup:	
		rootElement.addEventListener("MouseLeftButtonDown", Silverlight.createDelegate(this, this.handleMouseDown));
	},
	
	// Sample event handler
	handleMouseDown: function(sender, eventArgs) 
	{
		// The following line of code shows how to find an element by name and call a method on it.
		// this.control.content.findName("Storyboard1").Begin();
	}
}
var imageArray = new Array(9);
imageArray[0] = "ClientServer.jpg";
imageArray[1] = "ApplicationMigrate.jpg";
imageArray[2] = "ApplicationIntegrate.jpg";
imageArray[3] = "TestingProcess.jpg";

imageArray[4] = "testmanagement.jpg";
imageArray[5] = "TestPlanning.jpg";
imageArray[6] = "Defect.jpg";
imageArray[7] = "BusinessCase.jpg";

imageArray[8] = "WebDevelop.jpg";
var iCount = 0;
var cImage = 0;

function RunAnimation(sender, args) {
   sender.findName("roundanimation").begin();
    iCount = iCount + 1;
}

function LoadNext(sender, args) {
    var i = 0;
    cImage = 1;
    var j = 0;
    if (iCount == 1)
        j = 8;
    else if (iCount == 2)
        j = 7;
    else if (iCount == 3)
        j = 6;
    else if (iCount == 4)
        j = 5;
    else if (iCount == 5)
        j = 4;
    else if (iCount == 6)
        j = 3;
    else if (iCount == 7)
        j = 2;
    else if (iCount == 8)
        j = 1;
    else if (iCount == 0)
        j = 0;
    for (i = imageArray.length - 1; i >= iCount; i--) {


        sender.findName("img" + cImage.toString()).Source = imageArray[j];



        j = j + 1;

        if (j > 8)
            j = 0;
        //sender.findName("img" + cImage.toString())["Canvas.Top"] = topArray[i];
        cImage = cImage + 1;
    }

    for (i = iCount; i > 0; i--) {
        sender.findName("img" + cImage.toString()).Source = imageArray[j];
        // sender.findName("img" + cImage.toString())["Canvas.Top"] = topArray[i];
        cImage = cImage + 1;

        j = j + 1;

        if (j > 8)
            j = 0;
    }




    iCount = iCount + 1;

    if (iCount > 8)
        iCount = 0;

    sender.findName("roundanimation").begin();
}

 
 function ShowDetails(sender, args)
 {
     sender.findName("roundanimation").pause();
 }
 
  function HideDetails(sender, args)
 {
     sender.findName("roundanimation").resume();
 }
 /**************************************/
 //var plugin;
 var main;
 var objsArr = new Array();

 //Constants to control number of images,
 //screen realestate, radius of the spin,
 //and speed of spin
 var img_width = 160;
 var img_height = 122;
 var num_imgs = 9;

 var radiusX = 200;
 var radiusY = 200;
 var centerX = 250;
 var centerY = 280;
 var moveItemsInt;
 var speed = -0.01;
 function buildImages(sender, args) {
document.getElementById("divLoad").style.display="none";
     main = sender;
     for (i = 0; i < num_imgs; i++) {

        
             cur_img = i + ".png"
             img_url = "/DesktopModules/ARKManagedservices/" + cur_img
             left_pos = 0
             xaml_str = '';
             xaml_str = '<Canvas Name="img' + i + '" Canvas.Left="' + left_pos + '" Canvas.Top="0"  MouseLeftButtonDown="ShowDiv">'
             xaml_str += '<Ellipse Cursor="Hand" MouseLeave="resume" MouseEnter="pause" Width="' + img_width + '" Height="' + img_height + '" Canvas.ZIndex="20">'
             xaml_str += '   <Ellipse.Fill>'
             xaml_str += '       <ImageBrush ImageSource="' + img_url + '" Stretch="None"></ImageBrush>'
             xaml_str += '   </Ellipse.Fill>'
             xaml_str += '</Ellipse>'
             xaml_str += '  <Canvas.RenderTransform><ScaleTransform Name="st_' + i + '" ScaleX="1" ScaleY="1" CenterX="50" CenterY="50"/></Canvas.RenderTransform>'
             xaml_str += '</Canvas>'

             var plugin = sender.getHost();
            var xamlTags = plugin.content.createFromXaml(xaml_str);
            
             var imagesHolder = sender.findName("imagesHolder");
             imagesHolder.children.add(xamlTags);


             objsArr["image_" + i] = new Object()
             objsArr["image_" + i].angle = i * ((Math.PI * 2) / num_imgs)
         
     }

     positionItems()
    
    
    
    
    
    
    
     moveItemsInt = setInterval("positionItems()", 25)
 }



 function positionItems() {
     for (i = 0; i < num_imgs; i++) {
       
             var my_x = Math.cos(objsArr["image_" + i].angle) * radiusX + centerX
             var my_y = Math.sin(objsArr["image_" + i].angle) * radiusY + centerY

             main.findName("img" + i)["Canvas.Left"] = my_x
             main.findName("img" + i)["Canvas.Top"] = my_y

             var stRef = main.findName("st_" + i)

             var sc = (my_y - stRef.scaleY) / (centerY + radiusY - stRef.scaleY)

            // stRef.scaleX = sc
            // stRef.scaleY = sc

             objsArr["image_" + i].angle += speed
             main.findName("img" + i)["Canvas.ZIndex"] = parseInt(my_y)
        
     }
 }
 function pause(sender, args)
 {
     clearTimeout(moveItemsInt);
 }

 function resume(sender, args) {
     moveItemsInt = setInterval("positionItems()", 25)
 }


 var prevDiv = "common";
 function ShowDiv(sender, args) {

     var eName;
     eName = sender.name;
     eName = eName.substring(4, 3)

     document.getElementById(prevDiv).style.display = "none";
     document.getElementById("div" + eName).style.display = "block";

     prevDiv = "div" + eName;

 }