var movieCarouselStarted = false;
var myCarouselStarted = false;
var new_hp = function(){
$(document).ready(function(){
	$('#accordion').ready(function(){
		$('#accordion').accordion();
		$('#accordion li a span').click(function(){
			$(this).parent().click();
		});
		$('#accordion li').each(function(){
			if($(this).children(".linksWrap").size() == 0){
				$(this).children("a").children("span").hide();
			}
		})
	});
});
$(document).ready(function(){
	$('#mycarousel').ready(function(){
		$('#mycarousel').jcarousel({
				scroll: 1,
				itemFirstInCallback : firstInCallback,
				itemFirstOutCallback : firstInCallback,
				size: mycarousel_itemList.length,
				itemLoadCallback: {onBeforeAnimation: mycarousel_itemLoadCallback}
		});
	});

	$('#movies_carousel').ready(function(){
		$('#movies_carousel').jcarousel({
				scroll: 1,
				animation: "fast",
				itemFirstInCallback : movies_firstInCallback,
				itemFirstOutCallback : movies_firstInCallback,
				size: movies_carousel_itemList.length,
				itemLoadCallback: {onBeforeAnimation: movies_itemLoadCallback}
		});
	});

});

}();
function showDetails(object){
    var topShift = Math.floor((parseInt($(".Products_wrap").css("height")) - object.h) / 2) - 3;
	$(".Products_wrap #Products_wrap_swf").css("top", topShift);

    var so = new SWFObject(object.bigurl,'sDetails',object.w,object.h,'9');
    so.addParam('allowScriptAccess', 'sameDomain');
    so.addParam('quality',  'high');
    so.addParam('bgcolor',  '#FFFFFF');
    so.addParam('align',    'middle');
    so.addParam('wmode',    'opaque');
    so.write('Products_wrap_swf');

    $(".navigational_Product_Wrap h4").empty().html(object.title);
	$(".navigational_Product_Wrap .desc").empty().html(object.desc);
	$("#Products_wrap_url").attr("href", object.targeturl);
	$("#clickOnSwf").attr("href", object.targeturl);

}
function  firstInCallback(carousel,state){
	var carouselItem = carousel.first-1;
	var first_item = $("#mycarousel LI A").get(carouselItem);
	$(first_item).click();
}
function mycarousel_itemLoadCallback(carousel, state)
{
    if(myCarouselStarted){
	    snapily_ga_page_report(trackName + '/Recomended_Carousel/Design_Switched'); // google analytics
    }

	for (var i = carousel.first; i <= carousel.last; i++)
	{
		if (carousel.has(i)) {
			continue;
		}
		if (i > mycarousel_itemList.length) {
		    break;
		}

		// Create an object from HTML
		var item = $(mycarousel_getItemHTML(mycarousel_itemList[i-1])).get(0);

		$(item).click(function(e){
			e.preventDefault();
			$("#mycarousel li[class*='selected']").removeClass("selected");
			$(this).parent().addClass("selected");
			var itemindex = $(this).parent().attr("jcarouselindex");

            showDetails(mycarousel_itemList[itemindex-1]);

		});
		myCarouselStarted = true;
		carousel.add(i, item);
	}
};
function mycarousel_getItemHTML(item)
{
	var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
	return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="57" height="57" border="0" alt="' + item.title + '" /></a>';
};

function movies_firstInCallback(carousel,state){
    var carouselItem = carousel.first-1;

    for(var i=0; i<movies_carousel_itemList.length; i++){

        if(i != carousel.first - 1){

            if(document.getElementById("video" + i) != null){
                document.getElementById("video" + i).innerHTML = movies_getItemHTML(i, movies_carousel_itemList[i]);
            }
        }
    }

    var first_item = $("#movies_carousel LI A").get(carouselItem);
    $(first_item).click();
}
function movies_itemLoadCallback(carousel, state)
{
    for (var i = carousel.first; i <= carousel.last; i++)
	{
		if (carousel.has(i)) {
			continue;
		}
		if (i > movies_carousel_itemList.length) {
		    break;
		}

		// Create an object from HTML
		var item = $(movies_getItemHTML(i-1, movies_carousel_itemList[i-1])).get(0);
        if(movieCarouselStarted){
            snapily_ga_page_report(trackName + '/YouTube_Carousel/Video_Switched'); // google analytics
        }
        carousel.add(i, item);
		movieCarouselStarted = true;
	}
};

function movies_getItemHTML(id, item)
{
    return '<div id="video' + id + '"><embed height="290" width="347" align="middle" wmode="opaque" bgcolor="#FBF8E7" allowscriptaccess="sameDomain" quality="high" src="' + item.url + '" type="application/x-shockwave-flash" /></div>';
};

function openOverlay(){
    $("#productSelector").css("cssText", "width: 715px !important;");
    $(".product_selector_ttl").css("font-size", '22px');
    $(".product_selector_wrap").css("height", '250px');
    $(".product_selector_wrap").css("background", 'url("/'+DIR_NAME_HOMEPAGE_B+'/images/overlayBg.gif") no-repeat 0 0');
    //$(".product_content_ul").css("padding-top", '60px');

    $(".top_bg").css("visibility", 'hidden');
    $(".bottom_bg").css("visibility", 'hidden');
    $(".product_content").css("border", '0px');

    //GA
    snapily_ga_page_report(trackName + "/StartHereClicked");
    //centering with css
    centerPopup('productSelector');
    //load popup
    loadPopup('productSelector');
}

function openFatherOverlay(){
    //GA
    snapily_ga_page_report(trackName + "/FatherDayBannerClicked");
    //centering with css
    centerPopup('fatherOverlay');
    //load popup
    loadPopup('fatherOverlay');
}

function openBackToSchoolOverlay(){
    //GA
    snapily_ga_page_report(trackName + "/BackToSchool");
}

/************************ mother's day ******************/
var mdType;
function openMothersDayOverlay(id){
	snapily_ga_page_report(trackName + "/MothersDayGetStartedClicked");
	centerPopup('mdOverlay');
	loadPopup('mdOverlay');

	$('.mdOverlayScreen').css('display', 'none');
	$('#ended').css('display', 'block');
	mdType = id;
}

function openMothersDayOverlayFunctional(){
	if(mdType == 'nbc'){
		location.href = "http://www.snapily.com/products-small-notebooks-special-effects.html";
		return;
	}

	$('.mdOverlayScreen').css('display', 'none');
	$('#' + mdType + '1').css('display', 'block');
}

function mdSwitchOverlayScreen(id){
	$('.mdOverlayScreen').css('display', 'none');

	if(id == 'sbp2'){
		var phsNum = $('.sbpPhs').attr('id');
		$('.icon').css('display', 'none');
		$('.icon' + phsNum).css('display', 'block');
	}


	$('#' + id).css('display', 'block');
}

function mdGo(){
	var product, pid;

	if(mdType == 'fc'){
		pid = parseInt($('.mdOverlayScreenDesignSelected').attr('id'));
		var quote = parseInt($("input[name='quote']:checked").attr('id').replace('radio',''));
		product = fc[pid][quote];
	}
	else {//sbp
		pid = parseInt($('.sbpDes').attr('id'));
		var phsNum = parseInt($('.sbpPhs').attr('id'));
		product = sbp[pid][phsNum];
	}

	location.href = 'http://www.snapily.com/' + product;
	//alert('http://www.snapily.com/' + product)
}

var mdTimeout;
function submitMdForm(){
	var valid = true;
	var inputs = $(':input');

	var filter = /^([a-zA-Z0-9_.-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/;

	var val;
	for(var i = 0; i < inputs.length; ++i){
		val = $(inputs[i]).val();
		if(val == '' || val.toLowerCase() == $(inputs[i]).attr('id')){
			valid = false;
			showInvalid(inputs[i]);
		}
	}

	if(!filter.test($('#email').val())){
		valid = false;
		showInvalid($('#email'));
	}

	if(valid){
		var options = {
			success: function(responseText, status) {
				$('#mdJoinWrapper').css('display', 'none');
				$('#mdJoinFeedback').fadeIn('fast');
				mdTimeout = setTimeout("mdShowThanks(true);", 2000);
			}
		};
		$('#mdJoinForm').ajaxSubmit(options);
	}
}
function mdShowThanks(close){
	clearTimeout(mdTimeout);

	if(close){
		toggleSlider(true);
		mdTimeout = setTimeout("mdShowThanks(false);", 500);
	}
	else{
		$('#mdJoinFeedback').css('display', 'none');
		$('#mdJoinWrapper').css('display', 'block');
	}
}
function showInvalid(input){
	$(input).css('border', '1px solid red');
}

function toggleSlider(force){
	if(sliderLabel == ''){
		return;
	}

	if ($("#openCloseIdentifier").css('display') == 'block') {
		if($('#mdJoinFeedback').css('display') == 'block' && force == undefined){
			return;
		}

		$("#slider").animate({
			marginTop: sliderMargin
			}, 500);
		$("#topMenuImage").html('<div id="mdJoinOpen"></div>');
		$("#openCloseIdentifier").css('display', 'none');
	} else {
		$("#slider").animate({
			marginTop: "0px"
			}, 500);
		$("#topMenuImage").html('<div id="mdJoinOpen" class="mdJoinClose"></div>');
		$("#openCloseIdentifier").css('display', 'block');
	}
}