var winW;
var winH;
var startAnimation = true;
var done = 0;
var imgW_orig = 2180;
var imgH_orig = 1000;
var imgW;
var imgH;
var imgLeft;
var imgTop;
var currImg = "back";
var clicks = new Array();
clicks['why'] = 0;
clicks['technology'] = 0;
clicks['press'] = 0;
clicks['contact'] = 0;
clicks['buyonline'] = 0;
clicks['lisca'] = 0;
clicks['bonus'] = 0;

function position() {
	winW = windowWidth();
	winH = windowHeight();
	
	var startW = (winW/5.0);
	var startH = (winH/5.0);
	var startPX = (winW/2.0 - startW/2.0);
	var startPY = (winH/2.0 - startH/2.0);
	
	var startIX = startPX*-1.0;
	var startIY = startPY*-1.0;

	$("#backimg_div").width(startW);
	$("#backimg_div").height(startH);
	$("#loadimg_div").width(winW);
	$("#loadimg_div").height(winH);
	
	$("#backimg_div").css('left', startPX);
	$("#backimg_div").css('top', startPY);
	$("#loadimg_div").css('left', 0);
	$("#loadimg_div").css('top', 0);
	
	imgH = winH;
	imgW = winH * (imgW_orig/imgH_orig);
	imgLeft = (winW - imgW) / 2.0;
	imgTop = 0.0;
	
	if (imgW < winW) {
		imgW = winW;
		imgH = winW * (imgH_orig/imgW_orig);
		imgLeft = 0.0
		imgTop = (winH - imgH) / 2.0;
	}

	$("#img_back").width(imgW);
	$("#img_back").height(imgH);
	$("#img_load").width(imgW);
	$("#img_load").height(imgH);
	
	$("#img_back").css('left', startIX+imgLeft);
	$("#img_back").css('top', startIY+imgTop);
	$("#img_load").css('left', imgLeft);
	$("#img_load").css('top', imgTop);
}
function resize() {
	NewWinW = windowWidth();
	NewWinH = windowHeight();
	
	var startPY;
	var startPX;
	if (NewWinW > winW)
		startPX = (NewWinW - winW)/2.0;
	else if (NewWinW < winW)
		startPX = (winW - NewWinW)/2.0;
	else
		startPX = 0;
	if (NewWinH > winH)
		startPY = (NewWinH - winH)/2.0;
	else if (NewWinH < winH)
		startPY = (winH - NewWinH)/2.0;
	else
		startPY = 0;
	
	imgH = NewWinH;
	imgW = NewWinH * (imgW_orig/imgH_orig);
	imgLeft = (NewWinW - imgW) / 2.0;
	imgTop = 0.0;
	
	if (imgW < NewWinW) {
		imgW = NewWinW;
		imgH = NewWinW * (imgH_orig/imgW_orig);
		imgLeft = 0.0;
		imgTop = (NewWinH - imgH) / 2.0;
	}
	
	$("#backimg_div").css('left', startPX);
	$("#backimg_div").css('top', startPY);
	
	$("#img_back").width(imgW);
	$("#img_back").height(imgH);
	$("#img_load").width(imgW);
	$("#img_load").height(imgH);
	
	$("#img_back").css('left', -1.0*startPX+imgLeft);
	$("#img_back").css('top', -1.0*startPY+imgTop);
	$("#img_load").css('left', -1.0*startPX+imgLeft);
	$("#img_load").css('top', -1.0*startPY+imgTop);
	
	winH = NewWinH;
	winW = NewWinW;
	
	if ($.browser.mozilla) {
		if (currImg == "back") {
			$("#img_back").animate({
					left: imgLeft,
					top: imgTop
					}, 600, "linear");
			$("#backimg_div").animate({
					height: NewWinH,
					width: NewWinW,
					left: 0,
					top: 0
					}, 600, "linear");
		} else {
			$("#img_load").animate({
					left: imgLeft,
					top: imgTop
					}, 600, "linear");
			$("#loadimg_div").animate({
					height: NewWinH,
					width: NewWinW,
					left: 0,
					top: 0
					}, 600, "linear");
		}
	} else {
		$("#img_back").animate({
				left: imgLeft,
				top: imgTop
				}, 600, "linear");
		$("#backimg_div").animate({
				height: NewWinH,
				width: NewWinW,
				left: 0,
				top: 0
				}, 600, "linear");
	}
}
function start() {
	if (startAnimation) {
		startAnimation = false;
		
		document.getElementById("start_loading").style.visibility = "hidden";
	
		position();
		
		$("#backimg_div").show();
		$("#img_back").show();
		$("#img_back").css('opacity', 0);
		$("#adjusting").show();
		
		$("#backimg_div").animate({
				height: winH,
				width: winW,
				left: 0,
				top: 0
				}, 2500, "linear", animationComplete);
		$("#img_back").animate({
				opacity: 1,
				left: imgLeft,
				top: imgTop
				}, 2500, "linear", animationComplete);
	} else {
		if ($.browser.mozilla && !thankyou) {
			thankyou = false;
			imgLoaded();
		}
	}
}

function imgLoaded() {
	$("#loading_spinner").hide();
	$.spinnerStop();

	if ($.browser.mozilla) {
		if (currImg == "back") {
			currImg = "load";
			$("#backimg_div").fadeTo("slow", 0.33, function(){
				$("#backimg_div").hide();
				$("#loadimg_div").css('opacity', 0.33);
				$("#loadimg_div").show();
				$("#loadimg_div").fadeTo("slow", 1);
			});
		} else {
			currImg = "back";
			$("#loadimg_div").fadeTo("slow", 0.33, function(){
				$("#loadimg_div").hide();
				$("#backimg_div").css('opacity', 0.33);
				$("#backimg_div").show();
				$("#backimg_div").fadeTo("slow", 1);
			});
		}
	} else {
		imghtml = $("#loadimg_div").html().replace('img_load', 'img_back');

		$("#backimg_div").fadeTo("slow", 0.33, function(){
			$("#backimg_div").html(imghtml);
			$("#backimg_div").fadeTo("slow", 1);
		});
	}
}

function animationComplete() {
	done++;

	if (done == 2) {
		$("#start_loading").remove();
		$("#adjusting").slideUp('slow', function(){$("#optimal_si").slideDown('slow', function(){setTimeout(endAnime, 600);})});
	}
}

function endAnime(){
	$("#optimal_si").slideUp('fast', function(){
												$("#over_content").show();
												$("#content").css('width', "100%" );
												$("#lang").slideDown('slow');
												$("#main_content").slideDown('slow');
												$("#menu").slideDown('slow');
												$("#footerall").slideDown('slow');
											})
}

function windowWidth() {
	if (window.innerWidth) {     
		return window.innerWidth;
	} else if (self.innerWidth) {      
		return self.innerWidth;
	} else if (document.documentElement && document.documentElement.clientWidth) {      
		return document.documentElement.clientWidth;
	} else if (document.body) {      
		return document.body.clientWidth;
	}
}

function windowHeight() {
	if (window.innerHeight) {     
		return window.innerHeight;
	} else if (self.innerHeight) {      
		return self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) {      
		return document.documentElement.clientHeight;
	} else if (document.body) {      
		return document.body.clientHeight;
	}
}

function loadNewImg(image, typ) {
	if ($.browser.mozilla) {
		$("#loading_spinner").show();
		$.spinnerStart();
		if (currImg == "back") {
			$("#img_load").attr('src', image);
		} else {
			$("#img_back").attr('src', image);
		}
	} else {
		if (clicks[typ] > 0) {
			$("#backimg_div").fadeTo("slow", 0.33, function(){
				$("#img_back").attr('src', image);
				$("#backimg_div").fadeTo("slow", 1);
			});
		} else {
			$("#loading_spinner").show();
			$.spinnerStart();
			$("#img_load").attr('src', image);
		}
	}
	clicks[typ]++;
}

$(document).ready(function(){

if ($.query.get("noanim")) {
	$("#start_loading").hide();
	
	position();
	$("#backimg_div").width(winW);
	$("#backimg_div").height(winH);
	$("#backimg_div").css('left', 0);
	$("#backimg_div").css('top', 0);
	$("#backimg_div").show();
	
	$("#img_back").css('left', imgLeft);
	$("#img_back").css('top', imgTop);
	$("#img_back").show();
	
	$("#over_content").show();
	$("#content").css('width', "100%" );
	$("#lang").show();
	$("#main_content").show();
	$("#menu").show();
	$("#footerall").show();
	
	startAnimation = false;
	thankyou = true;
} else {

	thankyou = false;
	
	if ($.browser.msie && ($.browser.version.substr(0,2) == "5." || $.browser.version.substr(0,2) == "6.")) {
		$("#adjusting_img").attr('src', "images/fitting_bel_hr.gif");
		$("#optimal_img").attr('src', "images/optimal_hr.gif");
	}

}
	$("#img_back").load(function(){
		start();
	});
	$("#img_load").load(function(){
		imgLoaded();
	});

	$(document).pngFix(); 

	$("#loading_spinner").spinner({
		height: 48,
		width: 48,
		speed: 50,
		image: 'images/spotlight_spinner_big.png'
	});
	$.spinnerStop();
		$("a#click_buyonline_eng").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'overlayShow': false, 'hideOnContentClick': false, 'frameWidth': 920, 'frameHeight': 575 }); 
	
	
	$("#logo_div").click(function(){
 window.location="http://www.smart-memory-bra.com/";
}); 
	
	
	$("#click_why_eng").click(function(){
		
		if (clicks['why'] > 0)
			loadNewImg('images/bg_women_2180x1000.jpg', 'why');
		else
			clicks['why']++;
		$("#inner_content").css('width', '1000px');	
		$("#inner_content").css('text-align', 'left');
		$("#inner_content").slideUp("fast", 
			function(){
				$("#inner_content").html($("#why_eng").html());
				$("#inner_content").slideDown("slow");
			});
		$("#content").animate({  
			height: "340px", 
			marginTop: "-170px"
			}, 500);
	});
	
	$("#click_technology_eng").click(function(){
		clicks['technology']++;
		loadNewImg('images/bg_technology_2180x1000.jpg', 'technology');
        $("#inner_content").css('width', '1000px');
		$("#inner_content").css('text-align', 'center');
		$("#inner_content").slideUp("fast", 
			function(){
				$("#inner_content").html($("#technology_eng").html());
				$("#inner_content").slideDown("slow");
			});
		$("#content").animate({  
			height: "340px", 
			marginTop: "-170px"
			}, 500);
	});
	$("#click_lisca_eng").click(function(){	
		clicks['lisca']++;        
		$("#inner_content").css('width', '600px');		
		$("#inner_content").css('text-align', 'center');		
		$("#inner_content").slideUp("fast", 
			function(){				
				$("#inner_content").html($("#lisca_eng").html());				
				$("#inner_content").slideDown("slow");			
			});		
		$("#content").animate({  			
			height: "340px", 			
			marginTop: "-170px"			
			}, 500);	
	});		
	
	$("#click_newsletter_eng").click(function(){
		clicks['bonus']++;        
		$("#inner_content").css('width', '1000px');		
		$("#inner_content").css('text-align', 'center');		
		$("#inner_content").slideUp("fast", 			
			function(){				
				$("#inner_content").html($("#newsletter_eng").html());				
				$("#inner_content").slideDown("slow");			
			});		
		$("#content").animate({  			
			height: "480px", 			
			marginTop: "-240px"			
			}, 500);	
	});
	
	$("#click_press_eng").click(function(){
		clicks['press']++;
		loadNewImg('images/bg_press.jpg', 'press');
		$("#inner_content").css('width', '1000px');
		$("#inner_content").css('text-align', 'center');
		$("#inner_content").slideUp("fast", 
			function(){
				$("#inner_content").html($("#press_eng").html());
				$("#inner_content").slideDown("slow");
			});
		$("#content").animate({  
			height: "340px", 
			marginTop: "-170px"
			}, 500);
	});
	
	
	
	$("#click_contact_eng").click(function(){
		clicks['contact']++;
		loadNewImg('images/bg_press.jpg', 'contact');
		$("#inner_content").css('width', '1000px');
		$("#inner_content").css('text-align', 'center');
		$("#inner_content").slideUp("fast", 
			function(){
				$("#inner_content").html($("#contact_eng").html());
				$("#inner_content").slideDown("slow");
			});
		$("#content").animate({  
			height: "400px", 
			marginTop: "-200px"
			}, 500);
	});
	
		
		$("#click_agent_eng").click(function(){
						clicks['press']++;
						loadNewImg('images/bg_press.jpg', 'press');
						$("#inner_content").css('width', '700px');
						$("#inner_content").css('text-align', 'center');
						$("#inner_content").slideUp("fast", 
							function(){
								$("#inner_content").html($("#agent_eng").html());
								$("#inner_content").slideDown("slow");
							});
						$("#content").animate({  
							height: "340px", 
			marginTop: "-170px"
							}, 500);
					 return false;
					});
			
	
	$("#img_back").attr('src',"images/bg_women_2180x1000.jpg");

});