$(document).ready(function(){ 
		$(document).pngFix();
		mainmenu();
}); 
 
/*function mainmenu(){
	 $('#menu li').bind('click',function(){
		var tag=$(this).children('ul');
		$(tag).slideToggle('fast');
		$(this).toggleClass('liactive');
		
		var incTarget=$(this).attr('lk');		
		includeContent(incTarget);
	});
	
								
 }*/
 var currentTag;
 var ts;
 var currentSub;
  var currentSub3;
 var currentSublv2=null;
 var oldsublevel4=null;
 function mainmenu(){
	 $('.mainmenu').bind('click',function(){
		$('.subActivelv3').removeClass('subActivelv3');	
		$('.subActivelv5').removeClass('subActivelv5');	
		var mlink = $(this).children('a');
		
		if(mlink.hasClass('mainActive')){
		$(this).children('a').removeClass('mainActive');
		}else{
		$('.mainActive').removeClass('mainActive');
		$(this).children('a').addClass('mainActive');
		}
		
		var tag=$(this).attr('lsub');
		var tagS="#"+tag;
		var cs=$(this).attr('cs');
		var tagcs="#"+cs+ " a";
		$('.subActive').removeClass('subActive');
		$(tagS).slideToggle('fast');
		//$(this).toggleClass('liactive');
		$(tagcs).addClass('subActive');
		currentSub=tagcs;
		/*check old sub*/
		$(currentSublv2).slideToggle('fast',function(){currentSublv2=null;});//check sub level2
		
		closLevel4();
		closLevel3();
		
		if(tagS == currentTag){
			currentTag=null;
			//$(this).removeClass('nowtag');
			includeContent('blank.php');
			
		}else{
		$(currentTag).slideToggle('fast');		
		$('.nowtag').toggleClass('liactive');
		currentTag=tagS;
		//$(this).addClass('nowtag');			
		}
		/*end check*/
		
		var incTarget=$(this).attr('lk');	
		includeContent(incTarget);
		
		
	});
	 $('#logo').css('cursor','pointer');
	$('#logo').bind('click',function(){
									 $(currentTag).slideToggle('fast');
									 currentTag=null;
									 showslide();
									 $('.subActivelv5').removeClass('subActivelv5');
									 $('.subActivelv4').removeClass('subActivelv4');
									 $(currentSub3).removeClass('subActive');
									 $('.subActivelv3').removeClass('subActivelv3');	
									 $('.mainActive').removeClass('mainActive');
									 });
	
	
	/*submenu*/
	$('.submenu').bind('click',function(){
			 var incTarget=$(this).attr('lk'); 
			 includeContent(incTarget);
			
			 $(currentSublv2).slideToggle('fast',function(){currentSublv2=null;});
			 
				closLevel4();
				closLevel3();
			 
			 $(currentSub).removeClass('subActive');
			 var nowTag=$(this).attr('id');
			 var tagN="#"+nowTag+" a";
			 $(tagN).addClass('subActive');			 
			 currentSub=tagN;
	 });
	/*submenulv2*/
	$('.submenulv2').bind('click',function(){	 
			 closLevel4();			 
			$('.subActivelv5').removeClass('subActivelv5');
			if($(this).children('a').hasClass('subActivelv3')){
			$(this).children('a').removeClass('subActivelv3');
			}else{
			$('.subActivelv3').removeClass('subActivelv3');
			$(this).children('a').addClass('subActivelv3');
			}
			
			/*highlight menuactive
			$(currentSub).removeClass('subActive');
			 var nowTag=$(this).attr('id');
			 var tagN="#"+nowTag+" a";
			 $(tagN).addClass('subActive');			 
			 currentSub=tagN;*/
			 /******************************/
			
			 var sub2 = "#" + $(this).attr('lsub');	
			 var checkS=$(sub2).hasClass('lv3expend');
			 
			 var sublink = $(this).attr('hl');
		checksublink(sublink);
			 
			 if(checkS == true){
			$(sub2).slideToggle('fast');
			$(sub2).removeClass('lv3expend');
			 }else{
			$('.lv3expend').slideToggle('fast');
			$('.lv3expend').removeClass('lv3expend');
			$(sub2).slideToggle('fast');
			$(sub2).addClass('lv3expend');
			}
			 
			 
				
	 });
	/*submenulv3*/	
	$('.submatB').bind('click',function(){
			$('.subActivelv4').removeClass('subActivelv4');
			
			if($(this).children('a').hasClass('subActivelv5')){
			$(this).children('a').removeClass('subActivelv5');
			}else{
			$('.subActivelv5').removeClass('subActivelv5');
			$(this).children('a').addClass('subActivelv5');
			}
			
			
			/*highlight menuactive
			$(currentSub3).removeClass('subActive');
			 var nowTag=$(this).attr('id');
			 var tagN="#"+nowTag+" a";
			 $(tagN).addClass('subActive');			 
			 currentSub3=tagN;*/
			 /******************************/			
		var sublevel3 ="#" +  $(this).attr('sub2');
		var checkS=$(sublevel3).hasClass('lv4expend');
		var sublink = $(this).attr('hl');
		checksublink(sublink);
		if(checkS == true){		
		$(sublevel3).slideToggle('fast');
		$(sublevel3).removeClass('lv4expend');
		}else{
		$('.lv4expend').slideToggle('fast');
		$('.lv4expend').removeClass('lv4expend');
		$(sublevel3).slideToggle('fast');
		$(sublevel3).addClass('lv4expend');
		oldsublevel4=sublevel3;
		}
		closLevel5();
	});
	/*submenulv4*/
	$('.mat2B').bind('click',function(){
									  
		if($(this).children('a').hasClass('subActivelv4')){
			$(this).children('a').removeClass('subActivelv4');
		}else{
			$('.subActivelv4').removeClass('subActivelv4');
			$(this).children('a').addClass('subActivelv4');
		}
		
		var sublink = $(this).attr('hl');
		checksublink(sublink);
	});
	/*submenulv5*/
	$('.submat3').bind('click',function(){	
										/*highlight menuactive*/
			$(currentSub3).removeClass('subActive');
			 var nowTag=$(this).attr('id');
			 var tagN="#"+nowTag+" a";
			 $(tagN).addClass('subActive');			 
			 currentSub3=tagN;
			 /******************************/
			
			var sublevel5 ="#" +  $(this).attr('sublv5');
			var checkS=$(sublevel5).hasClass('lv5expend');
			var sublink = $(this).attr('hl');
			checksublink(sublink);
			if(checkS == true){		
			$(sublevel5).slideToggle('fast');
			$(sublevel5).removeClass('lv5expend');
			}else{
			$('.lv5expend').slideToggle('fast');
			$('.lv5expend').removeClass('lv5expend');
			$(sublevel5).slideToggle('fast');
			$(sublevel5).addClass('lv5expend');
			}
	});
	$('.matbut').bind('click',function(){
		var sublink = $(this).attr('hl');
		checksublink(sublink);
	});
 }
 function checksublink(nn){
	 if(nn != "#")
	 includeContent(nn);	 
	 else
	 return false;
 }
function closLevel3(){
	$('.lv3expend').removeClass('lv3expend');
	$('.sublv2').each(function(){$(this).css('display','none');});
}
function closLevel4(){
	oldsublevel4=null;
	$('.submatB a').each(function(){$(this).removeClass('subActive');});
	$('.lv4expend').removeClass('lv4expend');
	$('.submat2').each(function(){$(this).css('display','none');});
}
function closLevel5(){
	$('.lv5expend').removeClass('lv3expend');
	$('.sublv3').each(function(){$(this).css('display','none');});
}
function Feed(path){ 
    $.get(path, function(xml) { 
        $(xml).find('image').each(function() { 
			var picpath = $(this).attr("title");//photo	
            $('<li></li>').html('<img src="'+picpath+'" id="photo" />').appendTo('.docker'); 
			$('.docker li').hide();
   	      }); 
		$('.docker li:last').addClass('last');	
		
		/*random li*/
		var length = $(".docker li").length;
		var ran = Math.floor(Math.random()*length) + 1;
		cur=$('.docker li:nth-child(' + ran + ')');
		cur.fadeIn(1000);
		/*random end*/
		
		ts = setInterval( "animateP()", 7000 );	

    });	
}
function FeedFix(path){ 
    $.get(path, function(xml) { 
        $(xml).find('image').each(function() { 
			var picpath = $(this).attr("title");//photo	
			var picdes = $(this).attr("des");
            $('<li></li>').html('<img src="'+picpath+'" id="photo" /><br/><div align="center"><p>'+picdes+'</p></div>').appendTo('.docker'); 
			$('.docker li').hide();
   	      }); 
		$('.docker li:last').addClass('last');	
		
		cur=$('.docker li:first');
		cur.fadeIn(1000);
		
		
		ts = setInterval( "animateP()", 7000 );	

    });	
}

function animateP() {
		cur.fadeOut(1000);
		if ( cur.attr('class') == 'last' )
		cur = $('.docker li:first');
		else
		cur = cur.next();
		cur.fadeIn(1000);
}	
function includeContent(path){ clearInterval(ts);
if(path==""){}else{
    $.get(path, function(data) {
        $('#contentbody').replaceWith(data);
    });	
}
}
function showslide(){
	$('#contentbody').replaceWith('<div id="contentbody"><ul class="docker"></ul></div>');
	clearInterval(ts);
	Feed('slide/indexpic.xml');//load index
}

var cur1;

function collection1(){
	$('.docker li:last').addClass('last');	
	$('.docker li:first').addClass('first');	
	$('.docker li').hide();
	cur1=$('.docker li:first');
	cur1.fadeIn(1000);
	
	$('#next').bind('click',checknext);
	function checknext(){
		cur1.fadeOut(1000);
		if ( cur1.attr('class') == 'last' )
		cur1 = $('.docker li:first');
		else
		cur1 = cur1.next();
		cur1.fadeIn(1000);
		//}
	}
	$('#prev').bind('click',checkprev);
	function checkprev(){
		cur1.fadeOut(1000);
		if ( cur1.attr('class') == 'first' )
		cur1 = $('.docker li:last');
		else /**/
		cur1 = cur1.prev();
		cur1.fadeIn(1000);
	}
}
var oldmat=null;
var ctsub=null;
function collection2(){	
	
	$('.docker li:last').addClass('last');	
	$('.docker li:first').addClass('first');
	$('.docker li').hide();
	cur1=$('.docker li:first');
	cur1.fadeIn(1000);
	
	$(".storeB").bind('click',matmain);
	function matmain(){
		var thissub = "#"+$(this).attr("slb");	
		$(this).addClass('oldstore');
		var checkS=$(thissub).hasClass('stexpend');
		
			if(checkS == true){		
			$(thissub).slideToggle('fast');
			$(thissub).removeClass('stexpend');
			$(this).children('#sign').toggle();
			$(this).removeClass('oldstore');			
			}else{
			$('.oldstore').children('#sign').toggle();
			$('.oldstore').removeClass('oldstore');
			$('.stexpend').slideToggle('fast');
			$('.stexpend').removeClass('stexpend');
			$(thissub).slideToggle('fast');
			$(thissub).addClass('stexpend');
			$(this).addClass('oldstore');
			}
		
		
	}

/*sub material*/
	$('.mat li ul li').bind('click',function(){
	//alert('test');
	});
	
}
var i;
var cur2;
function collectionmat(){
	$('.docker li:last').addClass('last');	
	$('.docker li:first').addClass('first');
	$('.docker li').hide();
	cur1=$('.docker li:first');
	cur1.fadeIn(1000);
	
	$('.mat li').bind('click',function(){
				var nums=$(this).attr('ln');
				cur1.fadeOut(1000);
				cur1=$('.docker li:nth-child(' + nums + ')');
				cur1.fadeIn(1000);
	});	
}

function checkPage(){/*check url get var*/
	var urlQuery = location.search;
	urlQuery = urlQuery.replace('?', '');
	var ptag = urlQuery.split('=');
	if(ptag == "contact"){
	includeContent('contact.php')	
	}else{}
}

function popup(url) 
{
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes'
 params += ', scrollbars=yes';

 newwin=window.open(url,'windowname4', params);
 if (window.focus) {newwin.focus()}
 return false;
}