var oPrintScrns;
var oStories;

function PageLoad()
{
 oPrintScrns=new List({
	ID:'PrintScrns', 
	OnIndexChange:function(){
	 ChangePrintScrnName();
	 SetLed(oPrintScrns.Index-1);
	}
 });
 oStories = new List({
	ID:'Stories',
	Index:0,
	RollFadeDelayTime:3000
 });

 BindStoryHover();
 BindScrollers(); 
 BindSlidePanelHeaders();
 FixBackgroundResize();
 PopulateLeds();

 FadeRollList('PrintScrns');
 FadeRollList('Stories');
}

/*********************************
		Page Layout
*********************************/

function FixBackgroundResize()
{
 $('.ImgBackground').each(function() {
	var CssURL=$(this).css('background-image');
	var Src=CssURL.substring(CssURL.search(/[(]/)+1,CssURL.search(/[)]/)).replace(/[\"]/g,'');
	$(this).append('<img src="'+Src+'"/>');
 });
 $(window).resize(function() {
	if($(window).width()>1276)
	{
	 $('.ImgBackground img').width('100%');
	}
	else
	{
	 $('.ImgBackground img').width(1276);
	}
 });
 $(window).trigger("resize");
}

/*********************************
		Monitor
*********************************/

function ChangePrintScrnName()
{
 var Text=$("#PrintScrns li").eq(oPrintScrns.Index-1).children()[0]['alt']; // Don't know why, but this works...
 var Header = $("#MonitorHeader h1");
 Header.text(Text);
}

function PopulateLeds()
{
 var Inputs='';
 for(var i=0; i<oPrintScrns.ListItems.size();i++)
 {
	Inputs+='<input type="image" src="'+OffSrc+'" onclick="SwitchPrintScrn('+i+')"/>\n';
 }
 //LedDiv.append
 $("#SelectorLeds").html(Inputs);
}

//var LedInputs = $("#SelectorLeds input");
var OnSrc = "WebsitePage_Files/Images/Buttons/LED_On.png";
var OffSrc="WebsitePage_Files/Images/Buttons/LED_Off.png";

function SwitchPrintScrn(i)
{
 PauseListRoll(oPrintScrns.ID);
 oPrintScrns.Index=i;
 var NormalDelay=oPrintScrns.FadeDelay;
 var NormalFadeIn=oPrintScrns.FadeInTime;
 var NormalFadeOut=oPrintScrns.FadeOutTime;
 oPrintScrns.FadeDelay=10000;
 oPrintScrns.FadeInTime='fast';
 FadeRollList(oPrintScrns.ID);
 var SetNormalText='oPrintScrns.FadeDelay='+NormalDelay+';';
 SetNormalText+='oPrintScrns.FadeInTime='+NormalFadeIn+';'
 //SetNormalText+='oPrintScrns.FadeOutTime='+NormalFadeOut+';'
 setTimeout(SetNormalText,NormalDelay+100);
}

function LedOff(i)
{
 $("#SelectorLeds input").eq(i).attr("src",OffSrc);
}

function LedOn(i)
{
 $("#SelectorLeds input").eq(i).attr("src",OnSrc);
}

function SetLed(i)
{
 for(var j=0; j<oPrintScrns.ListItems.size();j++)
 {
	LedOff(j);
 }
 LedOn(i);
}
/*********************************
		Quote
*********************************/

function SetHintLocationAndToggle(Hint)
{
 var ID=Hint.attr('id');
 var TextBoxID = ID.substring(0,ID.search('_'));
 var TextBox=$("#"+TextBoxID);
 var Top = TextBox.offset().top;
 Hint.offset({
	top: Top+10, 
	left:0/*, right: Hint.parent().offset().left-130 */
 });
 
 Hint.click(function() {
	TextBox.focus();
 });
	
 TextBox.focus(function() {
	//	if(TextBox.val()=='')
	Hint.addClass("Hidden");
 });
 TextBox.blur(function() {
	if(TextBox.val()=='')
	 Hint.removeClass("Hidden");
 });

}


function Validate_Quote_Form()
{
 valid = true;
 var ErrorMessage ='';

 //   Validate Name
 //  ~~~~~~~~~~~~~~~
 var NameValid=true;
 var NameTextBox = document.Quote_Form.Name;
 var Name = NameTextBox.value.replace(/[^א-ת]/g,'');
 if(Name!=null && Name.length>1)		// Has Value - Check validity
 {
 //Do nothing			
 }
 else //Check if English Name inserted
 {
	Name=NameTextBox.value.replace(/[^A-Za-z]/g,'');
	if(Name==null || Name.length<2)		// Has Value - Check validity
	 NameValid=false;
 }

 if(!NameValid)
 {
	ErrorMessage+="נא להכניס שם. "+"\n";
 }

 //   Validate Phone
 //  ~~~~~~~~~~~~~~~~
 var PhoneValid=true;
 var PhoneTextBox = document.Quote_Form.Phone;
 var Phone = PhoneTextBox.value;
 if(Phone!=null && Phone != "טלפון" && Phone.length>4)		// Has Value - Check validity
 {
	Phone = Phone.replace(/[^0-9]/g,'');
	if (Phone.length<9 || Phone.length>10 ||(Phone[0]!=undefined &&Phone[0]!='0'))
	{
	 PhoneValid=false;
	}
 }
 else // No value - Not valid
 {
	PhoneValid=false
 }
 if(!PhoneValid)
	ErrorMessage+="נא להכניס מספר טלפון בן 9/10 ספרות כולל קידומת. "+"\n";

 //   Validate Email
 //  ~~~~~~~~~~~~~~~~
 var EmailValid=true;
 var EmailTextBox = document.Quote_Form.Email;
 var Email = EmailTextBox.value;
 if(Email!=null && Email != "דואל" && Email.length>4)		// Has Value - Check validity
 {
	var EmailForm=/[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}/;
	if (Email.match(EmailForm)!=Email) //Regular Expression does not match whole Email text
	 EmailValid=false;
 }
 else // No value - Not valid
	EmailValid=false

 if(!EmailValid)
	ErrorMessage+="נא להכניס כתובת דואר אלקטרוני תקינה. "+"\n";
		
 if(ErrorMessage.length>0)
 {
	valid=false;
	alert(ErrorMessage);
 }
 return valid;
}
 
/*********************************
		Customers
*********************************/

var Scrollable = '.Scrollable';
var RealScroller='<div class="ScrollDiv"></div>';

// Default Values
//~~~~~~~~~~~~~~~
var WindowWidth=590;
var MaxScroll=4042;
var LogosWidth = (MaxScroll+WindowWidth)/2;
var ScrollAmount=LogosWidth/4;
var RightThreshold=MaxScroll-LogosWidth*0.1;
var LeftThreshold=LogosWidth*0.1;
function BindScrollers()
{
 //    $(Scrollable).wrap(RealScroller);
 WindowWidth=$(Scrollable).width();
MaxScroll=$(Scrollable)[0].scrollWidth-WindowWidth;
LogosWidth=(MaxScroll+WindowWidth)/2;
ScrollAmount=LogosWidth/4;
RightThreshold=MaxScroll-LogosWidth*0.1;
LeftThreshold=LogosWidth*0.1;
 if(($.browser.mozilla))
	{
		MaxScroll=(-1)*MaxScroll;
		LogosWidth=(-1)*LogosWidth;
		RightThreshold=(-1)*LeftThreshold;
		LeftThreshold=(-1)*RightThreshold;
	}


$(".Right").click(function(){
	ScrollRight();
 });
 $(".Left").click(function(){
	ScrollLeft();
 });
 if(!($.browser.msie))
 {

	$(".Scroller").mousedown(function(){
	 $(this).addClass("Down");
	});
	$(".Scroller").mouseup(function(){
	 $(this).removeClass("Down");
	});
 
	$(".Scroller").mouseout(function(){
	 $(this).removeClass("Down");
	});
 }
 else
 {
//	LogosWidth+=50;
 }
// var newMaxScroll=$(Scrollable).scrollLeft();
// if(newMaxScroll>MaxScroll)
//	MaxScroll=newMaxScroll;
}

function ScrollLeft()
{
 if($(Scrollable).scrollLeft()<LeftThreshold)
 {
	$(Scrollable).animate({
	 scrollLeft:LogosWidth
	}, 0);
 }
 $(Scrollable).animate({
	scrollLeft:'-='+(ScrollAmount+4).toString()
 }, 500);
}

function ScrollRight()
{
 if($(Scrollable).scrollLeft()>RightThreshold)
 {
	$(Scrollable).animate({
	 scrollLeft:LogosWidth*0.75
	}, 0);
 }
 $(Scrollable).animate({
	scrollLeft:'+='+(ScrollAmount-4).toString()
 }, 500);
}

/*********************************
		More Subjects
*********************************/

var ClosedWidth=40;
var OpenWidth=236;
var SlidePanels=".SlidePanel";
function OpenSliderPanel(i)
{
 var Panels=$(SlidePanels);
 if( i<0)
	return;
 if(i==null || i==undefined  || i>Panels.size()-1)
	i=0;
 var Selected=Panels.eq(i);
 if(Selected.width()==OpenWidth)
 {
	OpenSliderPanel(i-1);
	return;
 }
 Selected.animate({
	width:OpenWidth
 });
 var nPanels=Panels.size();
 for(var j=0;j<nPanels;j++)
 {
	if(j!=i)
	{
	 Panels.eq(j).animate({
		width:ClosedWidth
	 });
	}
 }
}

function BindSlidePanelHeaders()
{
 $(SlidePanels+" h2").each(function(index) {
	$(this).click(function(){
	 OpenSliderPanel(index);
	});
 });
 OpenSliderPanel(2);
}

/*********************************
		Stories
*********************************/
var OutTimeout;
function BindStoryHover()
{
 $("#Stories").mouseover(
	function(){
	 if(window['OutTimeout'])
		clearTimeout(window['OutTimeout']);
	 PauseListRoll("Stories");
	});
 $("#Stories").mousemove(
	function(){
	 if(window['OutTimeout'])
		clearTimeout(window['OutTimeout']);
	 PauseListRoll("Stories");
	});
 $("#Stories").mouseout(
	function(){
	 window['OutTimeout'] = setTimeout("FadeRollList('Stories')",1000);
	});

}