/*
	Name: Scripts.js
	Date: May 2010
	Description: Terraplana Scripts.
	Version: 1.0
	Coder: Enrique Ramirez
	Coder URI: http://enrique-ramirez.com
*/
jQuery(document).ready(function(){
	
	/* Centering BG
	-----------------------------------------------*/
	var bgimg = jQuery("#bg img").attr('src');
	
	jQuery("#bg").css("background-image", "url("+bgimg+")");  
	jQuery("#bg img").hide();
    
	jQuery('select#country, select[title=Country]').each(function(){
	    jQuery(this).after("<a href='#country-selection' class='popup-countries more-counties'>Can't see your country? Click here to find out more.</a>");
	    var margin = jQuery(this).css("margin-bottom");
	    jQuery('.more-counties').css("margin-bottom", margin);
	    jQuery(this).css("margin-bottom", "0");
	});


	/* Popups
	-----------------------------------------------*/
	jQuery('.popup').openDOMWindow({
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});

	jQuery('.popup-video').each(function(i){
	    var obj = jQuery(this);
	    var url = obj.attr('href');
	    url = url.replace('watch?v=', 'v/') + '?fs=1&hl=en_US';
	    var h = 325;
	    var w = 465;
	    var my_div = jQuery('<div id="video_content_' + i + '"><div style="padding-top: 5px; padding-left: 5px; padding-right: 5px;"><object width="' + w + '" height="' + h + '"><param name="movie" value="' + url + '"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param value="true" name="allowFullScreen"><param value="always" name="allowscriptaccess"><embed src="' + url + '" allowfullscreen="true" allowscriptaccess="always" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="' + w + '" height="' + h + '"></embed></object></div></div>');
	    my_div.hide();
	    my_div.appendTo("body");
	    obj.attr('href', '#video_content_' + i);
	    obj.openDOMWindow({
                eventType:'click',
                loader:1,
                loaderHeight:16,
                loaderWidth:17,
                height: my_div.height(),
                width: my_div.width()
	    });
	});
	jQuery('.popup-forgetpass').openDOMWindow({
		height: 235,
		width: 330,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});

	jQuery('.popup-countries').openDOMWindow({
		height: 290,
		width:265,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});
	
	jQuery('.popup-review').openDOMWindow({
		height: 430,
		width: 480,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});
	
	jQuery('.popup-blog').openDOMWindow({
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});
	
	jQuery('.popup-chart').openDOMWindow({
		height: 190,
		width: 400,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});

    	jQuery('.popup-chart-kids').openDOMWindow({
		height: 190,
		width: 875,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});
	
	jQuery('.popup-gallery').openDOMWindow({
		height: 650,
		width: 970,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});
	
	jQuery('.popup-addr').openDOMWindow({
		height: 340,
		width: 740,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});
	
	jQuery('.popup-image').openDOMWindow({
		height: 400,
		width: 600,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});
	
	jQuery('.agreement-popup').openDOMWindow({
		height: 400,
		width: 600,
		eventType:'click', 
		loader:1, 
		loaderHeight:16, 
		loaderWidth:17
	});

	

        jQuery('.third_party_popup').openDOMWindow({
                height: 200,
                width: 400,
                eventType:'click',
                loader:1,
                loaderHeight:16,
                loaderWidth:17
        });

	
	jQuery('.close-popup').closeDOMWindow({eventType:'click'});
	
	/* Gallery
	-----------------------------------------------*/
	jQuery(".thumbs a").live('click', function() {
		var bigImg = jQuery(this).attr('rel');
		var hugeImg = jQuery(this).attr('href');
		
		jQuery(".img").fadeOut(500,  function(){
			jQuery(".big-image .img").attr('src', bigImg);
			jQuery(".current-img .img").attr('src', hugeImg);
			
			jQuery(".img").load(function() {
				jQuery(this).fadeIn(500);
			});
		});
		
		return false;
	});
	
	/* Tabs
	-----------------------------------------------*/
	jQuery("#product .tabs").tabs({ fxSlide: true, fxFade: true, fxSpeed: 450 });
	
	/* Footer always bottom
	-----------------------------------------------*/
	if(jQuery("#non-bg").height() < jQuery(window).height()){
		/*jQuery("#footer").css({position: "absolute",top:(jQuery(window).scrollTop()+jQuery(window).height()-jQuery("#footer").height())+"px"});*/
		//jQuery("#footer").css({height:(jQuery(window).height()-780)+"px"});
	}

        /* blog archives dropdown
        -----------------------------------------------*/
	jQuery("#months_dropdown").hide();

	jQuery("#months_dropdown").after("<select id='months_dropdown2'></select>");

	jQuery("#months_dropdown2").change(function(){
	    if (jQuery(this).val() != '')
		self.location = jQuery(this).val();
	});

	jQuery("#months_dropdown2").hide();

	jQuery("#years_dropdown").change(function(){
	    jQuery("#months_dropdown2 option").remove();
	    jQuery("#months_dropdown2").hide();
	    var year  = String(jQuery(this).val());
	    var has_months = false;
	    jQuery("#months_dropdown option").each(function(){
		var rel = String(jQuery(this).attr('rel'));
		if(year.indexOf(rel) != -1 || jQuery(this).val() == '') {
		    jQuery("#months_dropdown2").append("<option value='"+jQuery(this).val()+"'>"+jQuery(this).text()+"</option>");
		}

		if (year.indexOf(rel) != -1) 
		    has_months = true;

		if (has_months) {
		    jQuery("#months_dropdown2").val('');
		    jQuery("#months_dropdown2").show();
		}
	    });
	});


});

jQuery(window).load(function(){
// resize bg only after everything is loaded
        /* Extend #bg
        -----------------------------------------------*/
        var contentHeight = jQuery("#non-bg").height();
        var bodyHeight = jQuery("body").height();

        if(contentHeight < jQuery(window).height()){
                jQuery("#bg").height(bodyHeight);
        } else {
                jQuery("#bg").height(contentHeight);
        }

        jQuery("#bg").css('position', 'absolute');
        //jQuery(".bag .price div").height();

		
		/* Up-Sell product name overflow
        -----------------------------------------------*/
		jQuery('.item .title').textOverflow();

});