var isIE=!-[1,];//IE
	$(document).ready(function(){
		initializeBackground("data/background.xml");
		//position bg_nav div
		var pR = $('.menu').offset().left + $('.menu').width() - $('.bg_nav').width();
		$('.bg_nav').css({'left':pR});
		initializeProductComponent("data/product.xml");
	});
	
	$(window).resize(function() {
  		var pR = $('.menu').offset().left + $('.menu').width() - $('.bg_nav').width();
		$('.bg_nav').css({'left':pR});
	});
	
	function initializeBackground(data){
	 $.ajax({  
		 url:data,  
		 type:"GET",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",   
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml; 
			 var iArr = new Array();
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }  
			 $(xml).find("img").each(function(i){  
				 var path = $(this).find("path").text();
				 var alt =  $(this).find("alt").text();
				 iArr.push(alt);
				 if(i==0)
					 $('ul.fadeImg').append("<li><img src='"+path+"' width='1366px' height='665px'/></li>");  
				  else
		 			 $("<li><img src='"+path+"' width='1366px' height='665px'/></li>").insertBefore($('ul.fadeImg li').eq(0));
		 			 
		 		$('ul.fadeImg li').eq(0).find('img').hide();
				$('ul.fadeImg li').eq(0).find('img').bind('load',function(){
					$(this).fadeIn();
				});
			 }); 
			
			 $('#wrapper').smallslider({
			 	 time:6000,
				 switchTime:1000,
				 showText:false,
			 	 showButtons:false,
				 textArr:iArr
			 });
			 
			}  
		}); 
	}

	
	function initializeProductComponent(data){
		 $.ajax({  
		 url:data,  
		 type:"GET",  
		 async: false,
		 cache: false,
		 dataType: isIE?"text":"xml",   
		 timeout: 1000,  
		 error: function(data){  
			 alert('Error loading XML document'+data);  
		 },  
		 success: function(data){ 
			 var xml;  
			 if( typeof data == "string" ){  
				  //IE 
				 xml = new ActiveXObject("Microsoft.XMLDOM");  
				 xml.async = false;  
			     xml.loadXML(data);  
			 } else {  
				 //other
			     xml = data;   
			 }  
			 $(xml).find("img").each(function(i){  
				 var path = $(this).find("path").text();
				 var alt =  $(this).find("alt").text();
				 var hasVideo = $(this).find("hasVideo").text();
				 var param = $(this).find("param").text();
				 var count = $(this).find("count").text();
				 var str = "&hasVideo="+hasVideo+"&param="+param+"&count="+count+"&mediaName="+escape(alt);
				 
				 if(path!="")
				 {
				 	if(Math.floor(i/6)%2>0&&i%6>2)
		 				$('.column_solution .content ul').append("<li><a class='thickbox' href='p.html?"+str+"&keepThis=true&TB_iframe=true&height=460&width=732&inlineId=hiddenModalContent&modal=true&border=none'><span><p>"+alt+"</p></span><img class='img_left' src='"+path+"' width='49px' height='51px'/></a></li>");  
					 else
		 				$('.column_solution .content ul').append("<li><a class='thickbox' href='p.html?"+str+"&keepThis=true&TB_iframe=true&height=460&width=732&inlineId=hiddenModalContent&modal=true&border=none'><span><p>"+alt+"</p></span><img class='img_right' src='"+path+"' width='49px' height='51px'/></a></li>");
		 			$("img").lazyload({
			 			effect: "fadeIn"
					 });
				 }else{
				 	//$('.column_solution .content ul').append("<li><a href='#' style='width:51px;height:51px;display:block;border:1px solid #525252;'></a></li>");  
				 }
				 
			 }); 
			 
			  $("img").lazyload({
			 		effect: "fadeIn"
				 });
			 
			 $('.column_solution .content ul li').each(function(){
		 		var $img = $(this).find('img');
		 		var $span = $(this).find('span');
		 		$(this).bind('mouseover',function(){
		 				$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
		 				if($img.hasClass('img_left'))
		 				{
		 					$span.stop().animate({'left':'-140px','marginLeft:':'－140px','opacity':'1'},200).show();
		 					$img.addClass('hover').stop().animate({'top':'-140px','left':'-140px','marginLeft:':'－140px','marginTop:':'-140px','width':'190px','height':'190px','opacity':'1'},200);
		 				}
		 				else if($img.hasClass('img_right'))
		 				{
		 					$span.stop().animate({'left':'2px','marginLeft:':'－140px','opacity':'1'},200).show();
		 					$img.addClass('hover').stop().animate({'top':'-140px','left':'2px','marginLeft:':'-140px','marginTop:':'-140px','width':'190px','height':'190px','opacity':'1'},200);
		 				}
		 			 }).bind('mouseout',function(){
		 	 			$(this).css({'z-index' : '0'});
		 	 			$span.stop().animate({'opacity':'0'},150).hide();
		 				$img.removeClass('hover').stop().animate({'top':'0','left':'0','marginLeft:':'0','marginTop:':'0','width':'49px','height':'51px'},150);
		 	 		}).bind('click',function(){
		 	 			$(this).css({'z-index' : '0'});
		 	 			$span.stop().animate({'opacity':'0'},150).hide();
		 				$img.removeClass('hover').stop().animate({'top':'0','left':'0','marginLeft:':'0','marginTop:':'0','width':'49px','height':'51px'},150);
		 	 		});
				 });
			}  
		}); 
	}