/***********************************************************************************/
$(document).ready(function() {
	
	
	
    $(".SubproductThumbImg img[title]").tooltip({
        effect: 'fade',
        offset: [190,0],
        opacity: 0.9
    });
    
    
    $(".Language[title]").tooltip({
        effect: 'fade',
        offset: [-10,0],
        opacity: 0.9
    });
    
    
    $('.SlideshowPreload').cycle({
		fx: 'fade' 
	});
    
    
    $('.ExperienceCustomPageText').jScrollPane({
        verticalDragMinHeight: 70,
		verticalDragMaxHeight: 70
    });
    
    

    $('.FooterCustomPageText').jScrollPane({
        verticalDragMinHeight: 70,
		verticalDragMaxHeight: 70
    });



    $('.MainContent').jScrollPane({
        verticalDragMinHeight: 70,
		verticalDragMaxHeight: 70
    });
    
    
    
    $('.Expandable').click(function(){
        
        $('.ExpandableProductsListForGroup').not($(this).children('.ExpandableProductsListForGroup')).slideUp();
        $(this).children('.ExpandableProductsListForGroup').slideDown();
        
    })
    

	
                      
    /*
    $('.HoverForImages').hover(
        
        function(){
            $(this).fadeOut(500,function(){$('.ProductImagesThumbsContainer').fadeIn()});
            
        }
    );
    
    $('.ProductImagesThumbsContainer').hover(
        function(){},
        function(){
            $(this).fadeOut(500,function(){$('.HoverForImages').fadeIn()});
            
        }
    );*/
    
    $("#RegistrationForm").validationEngine({
       	validationEventTriggers:"blur",
		success : function(){}
		   });
    
    $("#EmailAFriendForm").validationEngine({
       	validationEventTriggers:"blur",
		success : function(){}
		   });      
    
    $(".ContactUsForm").validationEngine({
       	validationEventTriggers:"blur",
		success : function(){}
		   });
           
    $("#NewsletterSignInForm").validationEngine({
       	validationEventTriggers:"blur",
		success : function(){}
		   });
    
});
/***********************************************************************************/
function PreloadProductImages()
{
    $(window).load(function(){
        $('.ProductImagesPreload').fadeIn();
        $('.ProductImagesLoadingPleaseWait').fadeOut();
    });
}
/***********************************************************************************/
function PreloadSlideshow()
{
    $(window).load(function(){
        $('.SlideshowPreload').fadeIn();
        $('.SlideshowLoadingPleaseWait').fadeOut();
    });
}
/***********************************************************************************/
function SwapProductImages(iProductImageID,strPathToFlowplayer,iAnimation) //Show image with ImageID and change currently clicked thumb
{   
    var strCurrentImageThumb;
    var iCurrentImageID;
    var iAnimated;
    
    //Remember current image ID and SRC
    $('.ProductImage').each(function(){
        
        //If any of these elements is animated break function, otherwise this will lead to animation problems
        if ($(this).is(':animated')) {iAnimated=1;return};
        
        if ($(this).css('zIndex')==100)
        {
            strCurrentImageThumb=$(this).attr('name');
            strCurrentAnimationSrc=$(this).attr('animationsrc');
            iCurrentImageID=$(this).attr('id').replace('ProductImage','');
        }
    })
    
    if (iAnimated==1) return;
    

    //Main image
    $('.ProductImage').each(function(){
        iCurrentImageZIndex=$(this).css('zIndex');
        iNewZIndex=Number(iCurrentImageZIndex)-1;
        $(this).css('zIndex',iNewZIndex);     
    })
       
    $('#ProductImage'+iProductImageID).css('zIndex',100);
    $('#ProductImage'+iProductImageID).hide();
    $('#ProductImage'+iProductImageID).fadeIn(1000);
    
    //Thumb - current animation -> animation
    if ((iAnimation==true) & (strCurrentImageThumb=='Animation'))
    {
        $('#PlayOverlay'+iProductImageID).fadeOut(500);
        $('#ProductAnimationThumb'+iProductImageID).fadeOut(500,function(){
            
            $('#ProductAnimationThumb'+iProductImageID).fadeIn(500,function(){
                StartFlowplayer("ProductAnimationThumb"+iProductImageID,strPathToFlowplayer,strCurrentAnimationSrc,0);
                $('#ProductAnimationThumb'+iProductImageID).attr('id','ProductAnimationThumb'+iCurrentImageID);
            });
            $('#PlayOverlay'+iProductImageID).fadeIn(500);
            $('#PlayOverlay'+iProductImageID).attr('onclick','');
            $('#PlayOverlay'+iProductImageID).unbind('click');
            $('#PlayOverlay'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,true)});
            $('#PlayOverlay'+iProductImageID).attr('id','PlayOverlay'+iCurrentImageID);
            
            $('#ProductImageThumb'+iProductImageID).attr('onclick','');
            $('#ProductImageThumb'+iProductImageID).unbind('click');
            $('#ProductImageThumb'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,false)});
            $('#ProductImageThumb'+iProductImageID).attr('id','ProductImageThumb'+iCurrentImageID);
            
        });
    }
    
    //Thumb - current image -> image
    if ((iAnimation==false) & (strCurrentImageThumb!='Animation'))
    {      
        $('#ProductImageThumb'+iProductImageID).fadeOut(500,function(){
            $('#ProductImageThumb'+iProductImageID).attr('src',strCurrentImageThumb);
            $('#ProductImageThumb'+iProductImageID).fadeIn(500);
            $('#ProductImageThumb'+iProductImageID).attr('onclick','');
            $('#ProductImageThumb'+iProductImageID).unbind('click');
            $('#ProductImageThumb'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,false)});
            $('#ProductImageThumb'+iProductImageID).attr('id','ProductImageThumb'+iCurrentImageID);
            
            $('#PlayOverlay'+iProductImageID).attr('onclick','');
            $('#PlayOverlay'+iProductImageID).unbind('click');
            $('#PlayOverlay'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,true)});
            $('#PlayOverlay'+iProductImageID).attr('id','PlayOverlay'+iCurrentImageID);
            
            $('#ProductAnimationThumb'+iProductImageID).attr('id','ProductAnimationThumb'+iCurrentImageID);
        });
        
        
    }
    
    //Thumb - current image -> animation
    if ((iAnimation==true) & (strCurrentImageThumb!='Animation'))
    {
        
        $('#PlayOverlay'+iProductImageID).fadeOut(500);
        $('#ProductAnimationThumb'+iProductImageID).fadeOut(500,function(){
            
            $('#ProductAnimationThumb'+iProductImageID).html('');
            
            $('#ProductImageThumb'+iProductImageID).attr('src',strCurrentImageThumb);
            $('#ProductImageThumb'+iProductImageID).fadeIn(500);
            $('#ProductImageThumb'+iProductImageID).attr('onclick','');
            $('#ProductImageThumb'+iProductImageID).unbind('click');
            $('#ProductImageThumb'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,false)});
            $('#ProductImageThumb'+iProductImageID).attr('id','ProductImageThumb'+iCurrentImageID);
            
            $('#PlayOverlay'+iProductImageID).attr('onclick','');
            $('#PlayOverlay'+iProductImageID).unbind('click');
            $('#PlayOverlay'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,true)});
            $('#PlayOverlay'+iProductImageID).attr('id','PlayOverlay'+iCurrentImageID);

            $('#ProductAnimationThumb'+iProductImageID).attr('id','ProductAnimationThumb'+iCurrentImageID); 
        });
        
    }
    
    //Thumb - current animation -> image
    if ((iAnimation==false) & (strCurrentImageThumb=='Animation'))
    {
        $('#ProductImageThumb'+iProductImageID).fadeOut(500,function(){

            $('#ProductAnimationThumb'+iProductImageID).fadeIn(500,function(){
                StartFlowplayer("ProductAnimationThumb"+iProductImageID,strPathToFlowplayer,strCurrentAnimationSrc,0);
                $('#ProductAnimationThumb'+iProductImageID).attr('id','ProductAnimationThumb'+iCurrentImageID);
            });
            $('#PlayOverlay'+iProductImageID).fadeIn(500);
            $('#PlayOverlay'+iProductImageID).attr('onclick','');
            $('#PlayOverlay'+iProductImageID).unbind('click');
            $('#PlayOverlay'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,true)});
            $('#PlayOverlay'+iProductImageID).attr('id','PlayOverlay'+iCurrentImageID);
            
            $('#ProductImageThumb'+iProductImageID).attr('onclick','');
            $('#ProductImageThumb'+iProductImageID).unbind('click');
            $('#ProductImageThumb'+iProductImageID).click(function(){SwapProductImages(iCurrentImageID,strPathToFlowplayer,false)});
            $('#ProductImageThumb'+iProductImageID).attr('id','ProductImageThumb'+iCurrentImageID);
        });
    } 
}
/***********************************************************************************/
function SendContactForm(iContactFormID)
{
    if ($("#ContactUsForm"+iContactFormID).validationEngine({returnIsValid:true})==true)
	{
		strContactUsFormData=$("#ContactUsForm"+iContactFormID).serialize();
        

        $('#ContactUsFormMessage'+iContactFormID).html('<img src="shared/images/wait_white_bcg.gif"/><br/> Sending your message...');
        
		$.ajax
    	({
    		type: "POST",
    		url: "ajax_php/contact_ajax.php",
    		data: 'action=SendContactUsEmails&ContactFormID='+iContactFormID+'&'+strContactUsFormData,
    		success: function(strMessage)
    			{
    			     if (strMessage==true)
                     {
                        $('#ContactUsFormMessage'+iContactFormID).html('<strong>Thank you for your comment.</strong><br /><br />Now that we have recieved your email, we will be in contact with you shortly.');
                     }
                     else
                        $('#ContactUsFormMessage'+iContactFormID).html(strMessage);
                       
                     $('#ContactUsForm'+iContactFormID)[0].reset(); 
    			}
    	});
	} 
}
/***********************************************************************************************************************/
function ValidateAndRegister()
{
	if ($("#RegistrationForm").validationEngine({returnIsValid:true})==true)
	{
		strRegistrationFormData=$("#RegistrationForm").serialize();
		
		$.ajax
    	({
    		type: "POST",
    		url: "ajax_php/registration_ajax.php",
    		data: 'action=RegisterCustomer&'+strRegistrationFormData,
    		success: function(strMessage)
    			{
    				$('#RegistrationMessages').html(strMessage);
    			}
    	});
	} 
}
/***********************************************************************************************************************/
function SignInToNewsletter()
{
    if ($("#NewsletterSignInForm").validationEngine({returnIsValid:true})==true)
	{
		strNewsletterSignInFormData=$("#NewsletterSignInForm").serialize();
		
		$.ajax
    	({
    		type: "POST",
    		url: "ajax_php/newsletter_ajax.php",
    		data: 'action=SignUserInToNewsletter&'+strNewsletterSignInFormData,
    		success: function(strMessage)
    			{
                    $('#NewsletterSignInForm')[0].reset(); 
    				$('#NewsletterSignInMessages').html(strMessage);
    			}
    	});
	} 
}  
/***********************************************************************************************************************/
function ChangeMeasurementUnit(iMeasurementsGroupID,strCMShortTranslated,strInchesShortTranslated)
{
    if ($('#MeasurementsUnit'+iMeasurementsGroupID).val()=='Centimeters')
        $('[name=MeasurementUnit'+iMeasurementsGroupID+']').html(' '+strCMShortTranslated);
    
    if ($('#MeasurementsUnit'+iMeasurementsGroupID).val()=='Inches')
        $('[name=MeasurementUnit'+iMeasurementsGroupID+']').html(' '+strInchesShortTranslated);
}
/***********************************************************************************************************************/
function SaveMeasurements(iMeasurementsGroupID,strPleaseEnterMsg,strEnterMeasNameMsgText)
{
    if ($("#Measurements"+iMeasurementsGroupID).validationEngine({returnIsValid:true})==true)
	{
	    strMeasurementsName=$('#SavedMeasurements'+iMeasurementsGroupID+'_input').val();
        
        if ((strMeasurementsName=='') | (strMeasurementsName==strPleaseEnterMsg))
        {
            $('#MeasurementsMessages'+iMeasurementsGroupID).html(strEnterMeasNameMsgText);
            return;
        }
        
        strMeasurementsData=$('#MeasurementsForm'+iMeasurementsGroupID).serialize();
        
        $.ajax
        	({
        		type: "POST",
        		url: "ajax_php/account_ajax.php",
        		data: 'action=SaveMeasurements&MeasurementsGroupID='+iMeasurementsGroupID+'&MeasurementsName='+strMeasurementsName+'&'+strMeasurementsData,
        		success: function(strMessage)
        			{
        				$('#MeasurementsMessages'+iMeasurementsGroupID).html(strMessage);
        			}
        	});
    }
}
/***********************************************************************************************************************/
function LoadMeasurements(iMeasurementsGroupID,strCMShortTranslated,strInchesShortTranslated)
{
    
    strMeasurementsName=$('#SavedMeasurements'+iMeasurementsGroupID+'_input').val();
    
    $.ajax
	({
		type: "POST",
		url: "ajax_php/account_ajax.php",
		data: 'action=LoadMeasurements&MeasurementsGroupID='+iMeasurementsGroupID+'&MeasurementsName='+strMeasurementsName,
		success: function(strMessage)
			{
				arrMeasurements=strMessage.split(';');
                for (x=0;x<arrMeasurements.length;x++)
                {
                    arrInputAndValue=arrMeasurements[x].split('=');
                    $('#'+arrInputAndValue[0]).val(arrInputAndValue[1]);
                }
                
                ChangeMeasurementUnit(iMeasurementsGroupID,strCMShortTranslated,strInchesShortTranslated);
			}
	});
}
/***********************************************************************************************************************/
function StartFlowplayer(strElementID,strFlowplayerPath,strMediaPath,iVolume)
{

    flowplayer(strElementID, {src: strFlowplayerPath+'/flowplayer.swf', wmode: 'opaque'} ,{
          bgcolor: "#FFFFFF",
          clip: {
                url: strMediaPath,
                autoPlay: true,
                loop: true,
                autoBuffering: true,
                onBegin: function (){
					this.getPlugin("play").css({opacity: 0});
                    this.setVolume(iVolume);
                      },
                onFinish: function(){ 
                    return false; 
                },
               /* onBeforeFinish: function(){ 
                    return false; 
                },*/
                onStart: function(){
                    this.setVolume(iVolume);
                } 
            }, 
            onLoad: function() {	
                this.setVolume(iVolume);	
            },
            plugins: {controls: null}
        
       });
}