// JavaScript Document
	var curState = 0;
	var curProduct;
	var curWidth=0;
	var zoomIn = false;
	var enemyID = "";
	var curID = "";
	var Preset = true;
	var curObj = "";
	var soxWidth = 454;
	var resultiksWidth = 454;
	var pageload = false;
// For Zooming banner in Products Page
jQuery(document).ready(function(){

	/*var soxWidth = document.getElementById("sox").offsetWidth;
	var resultiksWidth = document.getElementById("resultiks").offsetWidth;*/
	//alert(soxWidth+" : "+resultiksWidth);
	
	jQuery("#sox").click(function () {
				sox();
	});

	jQuery("#resultiks").click(function () {
					resultik();
	});

});

function sox(){
		enemyID = "#resultiks";
		curID = "#sox";
		if(!zoomIn){
					
					jQuery(curID).css("marginTop","0px");
					jQuery(curID).animate({width:(soxWidth+210)+"px"},{queue:false,duration:500});
					
					jQuery(curID+"Img").animate({width:(soxWidth+210)+"px",marginTop:"30px"}, {queue:false,duration:500});
					
					jQuery(curID).animate({marginTop:"0px"}, {queue:false,duration:500});
					jQuery(enemyID+"Content").css("display","none");
					jQuery(curID+"Content").slideDown(750);
					//jQuery(curID+"Txt").animate({opacity:1},200, function(){
															   jQuery(curID+"Txt").css("display","none")
															   //});
					jQuery(curID).css("zIndex","6");
					jQuery(enemyID).animate({width:(soxWidth-100)+"px"}, {queue:false,duration:500});
					//jQuery(enemyID+"Txt").animate({opacity:0},200, function(){
															   jQuery(enemyID+"Txt").css("display","none")
															  // });
					jQuery(enemyID).animate({marginTop:"30px"}, {queue:false,duration:500});
					jQuery(enemyID+"Img").animate({width:(soxWidth-100)+"px",marginTop:"30px"}, {queue:false,duration:500});
					jQuery(enemyID).css("zIndex","5");
					zoomIn = true;
					Preset = false;
					curObj = "sox";
					jQuery('html,body').animate({scrollTop: 180}, 500);
			
		}
		else{
			if(Preset == false && curObj!="sox"){
						jQuery(curID).animate({width:(soxWidth+210)+"px"}, {queue:false,duration:500});
						jQuery(curID+"Img").animate({width:(soxWidth+210)+"px",marginTop:"30px"}, {queue:false,duration:500});
						jQuery(curID).animate({marginTop:"0px"}, {queue:false,duration:500});
						//jQuery(curID+"Txt").animate({opacity:0},200, function(){
														   jQuery(curID+"Txt").css("display","none")
														   //});
						//jQuery(curID+"Txt").fadeTo(200,1);
						jQuery(enemyID+"Content").css("display","none");
						jQuery(curID+"Content").css("display","block");
						jQuery(curID).css("zIndex","6");
						jQuery(enemyID).animate({width:(soxWidth-100)+"px"}, {queue:false,duration:500});
						//jQuery(enemyID+"Txt").animate({opacity:0},200, function(){
														   jQuery(curID+"Txt").css("display","none")
														   //});
						//jQuery(enemyID+"Txt").animate({opacity:1},200);
						//jQuery(curID+"Txt").css("display","block")
						jQuery(enemyID).animate({marginTop:"30px"}, {queue:false,duration:500});
						jQuery(enemyID+"Img").animate({width:(soxWidth-100)+"px"}, {queue:false,duration:500});
						
						jQuery(enemyID).css("zIndex","5");
						zoomIn = true;
						Preset = false;
						curObj = "sox";
				}
				else{
					jQuery(curID).animate({width:(soxWidth)+"px"}, {queue:false,duration:500});
					jQuery(curID+"Img").animate({width:(soxWidth)+"px",marginTop:"30px"}, {queue:false,duration:500});
					jQuery(curID+"Txt").css("display","block");
					//jQuery(curID+"Txt").animate({opacity:0},0);
					//jQuery(curID+"Txt").animate({opacity:1},750);
					jQuery(curID+"Content").slideUp(750);
					jQuery(curID).css("zIndex","6");
					jQuery(enemyID).animate({width:(soxWidth)+"px"}, {queue:false,duration:500});
					jQuery(enemyID+"Txt").css("display","block");
					//jQuery(enemyID+"Txt").animate({opacity:1},750);
					jQuery(enemyID).animate({marginTop:"0px"}, {queue:false,duration:500});
					jQuery(enemyID+"Img").animate({width:(soxWidth)+"px"}, {queue:false,duration:500});
					
					jQuery(enemyID).css("zIndex","5");
					zoomIn = false;
					Preset = true;
					curObj = "";
					jQuery('html,body').animate({scrollTop: 0}, 500);
				}
		}
		//alert(curWidth);
	
	
}

function resultik(){
		enemyID = "#sox";
		curID = "#resultiks";
		if(!zoomIn){
					jQuery(curID).animate({width:(resultiksWidth+210)+"px"}, {queue:false,duration:500});
					
					jQuery(curID+"Img").animate({width:(resultiksWidth+210)+"px",marginTop:"30px"}, {queue:false,duration:500});
				
					jQuery(curID).animate({marginTop:"0px"}, {queue:false,duration:500});
					//jQuery(curID+"Txt").animate({opacity:0},200, function(){
															   jQuery(curID+"Txt").css("display","none")
															  // });
					jQuery(enemyID+"Content").css("display","none");
					jQuery(curID+"Content").slideDown(750);
					jQuery(curID).css("zIndex","6");
					jQuery(enemyID).animate({width:(resultiksWidth-100)+"px"}, {queue:false,duration:500});
					//jQuery(enemyID+"Txt").animate({opacity:0},200, function(){
															   jQuery(enemyID+"Txt").css("display","none")
															   //});
					jQuery(enemyID).animate({marginTop:"30px"}, 250);
					jQuery(enemyID+"Img").animate({width:(resultiksWidth-100)+"px",marginTop:"30px"}, {queue:false,duration:500});
					jQuery(enemyID).css("zIndex","5");
					zoomIn = true;
					Preset = false;
					curObj = "resultiks";
					jQuery('html,body').animate({scrollTop: 180}, 500);
		}
		else{
			if(Preset == false && curObj!="resultiks"){
						jQuery(curID).animate({width:(resultiksWidth+210)+"px"}, {queue:false,duration:500});
						jQuery(curID+"Img").animate({width:(resultiksWidth+210)+"px",marginTop:"30px"}, {queue:false,duration:500});
						jQuery(curID).animate({marginTop:"0px"}, 500);
						//jQuery(curID+"Txt").animate({opacity:0},200, function(){
														   jQuery(curID+"Txt").css("display","none")
														   //});
						jQuery(enemyID+"Content").css("display","none");
						jQuery(curID+"Content").css("display","block");
						//jQuery(curID+"Txt").animate({opacity:1},200);
						jQuery(curID).css("zIndex","6");
						jQuery(enemyID).animate({width:(resultiksWidth-100)+"px"}, {queue:false,duration:500});
						//jQuery(enemyID+"Txt").animate({opacity:0},200, function(){
														   jQuery(curID+"Txt").css("display","none")
														   //});
						//jQuery(enemyID+"Txt").animate({opacity:1},200);
						//jQuery(curID+"Txt").css("display","block")
						jQuery(enemyID).animate({marginTop:"30px"}, 250);
						jQuery(enemyID+"Img").animate({width:(resultiksWidth-100)+"px"}, {queue:false,duration:500});
						
						jQuery(enemyID).css("zIndex","5");
						zoomIn = true;
						Preset = false;
						curObj = "resultiks";
				}
				else{
					jQuery(curID).animate({width:(resultiksWidth)+"px"}, {queue:false,duration:500});
					jQuery(curID+"Img").animate({width:(resultiksWidth)+"px",marginTop:"30px"}, {queue:false,duration:500});
					jQuery(curID+"Txt").css("display","block");
					//jQuery(curID+"Txt").animate({opacity:0},0);
					//jQuery(curID+"Txt").animate({opacity:1},750);
					jQuery(curID+"Content").slideUp(750);
					jQuery(curID).css("zIndex","6");
					jQuery(enemyID).animate({width:(resultiksWidth)+"px"}, {queue:false,duration:500});
					jQuery(enemyID+"Txt").css("display","block");
					//jQuery(enemyID+"Txt").animate({opacity:1},750);
					jQuery(enemyID).animate({marginTop:"0px"}, {queue:false,duration:500});
					jQuery(enemyID+"Img").animate({width:(resultiksWidth)+"px"}, {queue:false,duration:500});
					
					jQuery(enemyID).css("zIndex","5");
					zoomIn = false;
					Preset = true;
					curObj = ""
					jQuery('html,body').animate({scrollTop: 0}, 500);
				}
		}
		
	
}

function showFirst(title){
switch(title){
	case "Sox":
			pageload = true;
			sox();
			break;
			
	case "Resultiks":
			pageload = true;
			resultik()
			break;
			
	case "Products":
			break;
			
	default:
			break;
	}
}