// JavaScript Document
function toggleSubmenu(submenuId, show){
    var theSub=document.getElementById('submenu-'+submenuId);
    var theMenu=document.getElementById(submenuId);
    if(show==1){
        theSub.className='submenu';
        theMenu.className='menu-over';
    }
    else{
        theSub.className='submenu-hide';
        theMenu.className='';
    }
}

function toggleSubmenuH(submenuId, show){
    var theSub=document.getElementById('submenu-'+submenuId);
    var theMenu=document.getElementById(submenuId);
    if(show==1){
        theSub.className='submenu-h';
    }
    else{
        theSub.className='submenu-hide';
    }
}


$(function(){
    //Controll the main menu drop down list
    $('ul li',$('#mainMenu')).hover(
        function(){
            $(this).addClass('over');
        },
        function(){
            $(this).removeClass('over');
        }
        );

    $('#header').cycle({
        fx: 'fade',
        speed:  2000
    });
    
    $("#pageSubmenu h1").corner("top");
    $("#close-border ul").corner("bottom");

    //Make the shipping details same as billing details
    $('#shippingController').click(function(){
        var theForm=document.forms['cart'];
        if(theForm.elements['controller'].checked){
            theForm.elements['dFirstName'].value=theForm.elements['bFirstName'].value;
            theForm.elements['dLastName'].value=theForm.elements['bLastName'].value;
            theForm.elements['dCompany'].value=theForm.elements['bCompany'].value;
            theForm.elements['dAddress'].value=theForm.elements['bAddress'].value;
            theForm.elements['dAddress1'].value=theForm.elements['bAddress1'].value;
            theForm.elements['dCity'].value=theForm.elements['bCity'].value;
            theForm.elements['dState'].value=theForm.elements['bState'].value;
            theForm.elements['dPostcode'].value=theForm.elements['bPostcode'].value;
            theForm.elements['dCountry'].value=theForm.elements['bCountry'].value;
            theForm.elements['dPhone'].value=theForm.elements['bPhone'].value;
        }else{
            theForm.elements['dFirstName'].value='';
            theForm.elements['dLastName'].value='';
            theForm.elements['dCompany'].value='';
            theForm.elements['dAddress'].value='';
            theForm.elements['dAddress1'].value='';
            theForm.elements['dCity'].value='';
            theForm.elements['dState'].value='';
            theForm.elements['dPostcode'].value='';
            theForm.elements['dCountry'].value='';
            theForm.elements['dPhone'].value='';
        }
    });
		
    //User registration form verification
    $('#loginForm').submit(function(){
        if($('#member_pass').attr('value')!=$('#member_pass1').attr('value')){
            alert('Passwords entered are not the same!');
            return false;
        }

        if($('#memberNewslertterCheckbox').attr('checked')){
            return true;
        }else{
            alert("Please check the subscribing to the RealNews newsletter box before proceeding!")
            return false;
        }
    })
});


//Animate the product detail slideshow images.
$(function(){
    var imagesUrl=Array();
    var mainImage=$('img').filter('#mainImage');
    var current=0;
    var interval=null;
    var intervalTime=5000;
    var thumbnailImages=$('img').filter('.thumbnail');
	
    thumbnailImages.each(function(i){
        var theSrc=this.src;
        var otherImagesUrl=Array();
		
        otherImagesUrl[0]=theSrc.replace(/thumb_/,'medium_');
        otherImagesUrl[1]=theSrc.replace(/thumb_/,'');
        imagesUrl[i]=otherImagesUrl;
		
        $(this).click( function(){
            clearInterval(interval);
            mainImage.attr('src',imagesUrl[i][0]).fadeIn();
            $('#theLink').attr('href',imagesUrl[i][1]);
				
            current=i;
            if(imagesUrl.length>1)//start slide show for over 1 image.
                interval=setInterval(slideShow,intervalTime);
            //The thumbnail class switcher
            thumbnailImages.each(function(i){
                if(i!=current)
                    $(this).removeClass('thumbnail-over');
                else
                    $(this).addClass('thumbnail-over');
            });

        });
		
        $(this).mouseover( function(){
            if(current!=i)
                $(this).addClass('thumbnail-over');
        }
        );

        $(this).mouseout( function(){
            if(current!=i)
                $(this).removeClass('thumbnail-over');
        }
        );
    });

    function slideShow(){
        if(current<(imagesUrl.length-1))
            current++;
        else
            current=0;
			
        mainImage.attr('src',imagesUrl[current][0]).fadeIn();
        $('#theLink').attr('href',imagesUrl[current][1]);
			
        thumbnailImages.each(function(i){
            if(i!=current)
                $(this).removeClass('thumbnail-over');
            else
                $(this).addClass('thumbnail-over');
        });
			
    }
	
	
    $(thumbnailImages.get(0)).addClass('thumbnail-over');
	
    if(imagesUrl.length>1) //start slide show for over 1 image.
        interval=setInterval(slideShow, intervalTime);
});